body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,img{
    margin:0;padding:0;font-size: 14px;color: #666666;font-family: "Microsoft YaHei","Arial";
    outline:none;
}
a{text-decoration:none;outline:none;color: #666;cursor: pointer;}
h1,h2,h3,h4,h5,h6,p{font-weight: normal;}
ul,li{list-style:none;}
html{position:relative;width:100%;}
body{position:absolute;width:100%;overflow-x:  hidden; transition: all 0.4s ease-in-out;left: 0;min-width:640px}
.container{position:relative;width:100%;font-family:'Microsoft YaHei';font-size:14px;color:#666;line-height:30px;-webkit-text-size-adjust: none;}
input {outline:none;}
input[type=submit],input[type=button] {
    -webkit-appearance: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
strong{font-weight:bold}
.clearfix{*zoom: 1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.clearfix{ clear: both;}

.container{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.block-nor-title img,.block-spc-title img{
    display: none;
} 

.block{
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;

}
.page-cen{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.hearder{
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #f2f2f2;
    box-sizing: border-box;
    position:fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #ffffff;
}
.logo2{
    margin-top: 5px;
    float: left;
    display: none;
}
.hearder2{
    height: 66px;
}
.hearder2 .hearder-more{
    display: none;
}
.hearder2 .hearder-nav ul{
    margin-top: 20px;
}
.hearder2 .logo{
    display: none;
}
.hearder2 .logo2{
    margin-top: 11px;
    display: block;
}
.bblank{
    width: 100%;
    height: 100px;
}
.hearder-con{

}

.hearder-con .logo{
    float: left;
    margin-top: 16px;
}
.hearder-con .hearder-nav{
    float: right;
	padding-top: 10px;

}
.hearder-nav ul li{
    float: left;
    margin-right: 0px;
    position: relative;
}
.hearder-nav ul li a{
    font-size: 14px;
    padding: 30px 25px;
    transition: background .1s ease-in;
    -moz-transition: background .1s ease-in;
    -webkit-transition: background .1s ease-in;
}
.hearder-nav ul li:hover>a,.hearder-nav ul li.active>a{
    color: #024886;
}
.hearder-nav ul li .sub-nav{
    position: absolute;
    top: 45px;
    left: 0;
    width: 160px;
    border: 1px solid #f4f4f4;
    box-sizing: border-box;
    background: #f4f4f4;
    border: 1px solid #fff;
    display: none;
}
.hearder-nav .sub-nav-list .list{
    padding:  10px 0;
    border-bottom: 1px solid #fff;
}
.hearder-nav .sub-nav-list .list:hover{
    background: #024886;
}
.hearder-nav .sub-nav-list .list a{
    color: #999;
}
.hearder-nav .sub-nav-list .list:hover a{
    color: #fff;
}
.hearder-more{
    width: 270px;
    float: right;
    margin-top:10px;
    margin-bottom: 10px;
}
.hearder-more .language{
    float: left;
     color: #e5e5e5;
    font-size: 14px;
    line-height: 34px;
}
.hearder-more .search{
    float: right;
    width: 190px;
    position: relative;
}
.hearder-more .language a{
    color: #e5e5e5;
    font-size: 14px;
    margin: 0 10px
}
.hearder-more .language a.active,.hearder-more .language a:hover{
    color: #024886;
}
.hearder-more .search input{
    width: 100%;
    height: 34px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
   color: #666;
   text-indent: 5px;
}
.blockspc{
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

.banners{
    position:relative;
    width:100%;
    height:800px;
    overflow:hidden;
}
.banners .banner{
    width:100%;
    height:auto;
    overflow:hidden;
}
.banners .banner .item{
     position:relative;
    float:left;
    width:100%;
    height: auto;
}
.banners .banner .item img.pbanner{
    display: inherit;
    width: 100%;
    height: auto;
}


/*.banners{
    position:relative;
    width:100%;
    height:800px;
    overflow:hidden;}
.banners .banner{
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:800px;
}
.banners .banner .fss-wrapper{
    float:left;
}
.banners .banner .item{
    position:relative;
    float:left;
    width:1920px;
    height: 1080px;
}
.banners .banner .item img.pbanner{
    width: 100%;
    height: 100%;
}*/




.banner-tag{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -70px;
}



.banner-tag p{

    font-size: 50px;
    font-weight: 100;
    color: #fff;
    line-height: 50px;
    margin-bottom: 20px;
    font-weight: bold;
}
.banner-tag h2{
    display: block;
    color: #fff;
    font-size: 32px;
    line-height: 40px;
    
}
.banner-forward{
    position: absolute;
    left: 0;
    bottom:40px;
    width: 100%;
    z-index: 9;
}
.banner-forward .bann{
    width: 40px;
    height: 40px;
    background: #333;
    float: left;
    margin-right: 30px;
    cursor: pointer;
}
.banner-forward  .banner_pre{
    background: url(../images/bann_pre.png) center no-repeat;
}
.banner-forward  .banner_next{
    background: url(../images/bann_next.png) center no-repeat;
}
.index-solution{
    background: url(../images/index_02.jpg) top center no-repeat;
    padding: 100px 0 0 0;
}
.index-about{
    background: url(../images/index_04.jpg) top center no-repeat;
    padding: 100px 0;
}
.index-advantage{
    background: url(../images/index_05.jpg) top center no-repeat;
    padding: 100px 0;
}
.index-partners .index-partners-title h2{
    color: #fff;
}
.index-partners .index-partners-title p{
    color: #fff;
}
.index-partners{
    background: url(../images/index_06.jpg) top center no-repeat;
    padding: 100px 0;
}
.index-partners-con{
    background: url(../images/part_text_bg.png) top center no-repeat;
    margin-top:  30px;
}
.index-partners-con .index-partners-left{
    width: 450px;
    float: left;
}
.index-partners-con .index-partners-left .text{
    margin: 30px 65px;
}
.index-partners-con .index-partners-left .text li{
    margin-top: 40px;
    background: url(../images/part_li.png) 15px 10px  no-repeat;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;

}
.index-partners-con .index-partners-left .text li .li-con{
    /*float: left;*/
    margin-left: 60px;
    
} 
.index-partners-con .index-partners-left .text li .li-con p{
    color: #fff;
}
.index-partners-con .index-partners-left .text li .li-con h2{
    font-size: 16px;
    color: #fff;
}
.index-partners-con .index-partners-left  .more{
    margin-top: 30px;
}
.index-partners-con .index-partners-left  .more a{
    display: block;
    width: 215px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background: url(../images/index_more.png) no-repeat;
    background-size: 100%;
    color: #fff;
     transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in;
}
.index-partners-con .index-partners-left  .more a:hover{

    background: url(../images/case_more.png) no-repeat;
    background-size: 100%;
}
.index-partners-right{
    float: right;
    width: 750px;
} 
.index-partners-right ul{
   
}
.index-partners-right ul li{
    width: 150px;
    height: 139px;
    float: left;
    overflow: hidden;
    position: relative;
     filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.index-partners-right ul li a{
    display: block;
}

.index-partners-right ul li a.wfEditorMode{
    position: absolute;
    top: 18px;
    right: 0;
}
.index-partners-right ul li  img{
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;

}
.index-partners-right ul li:hover img{
   -moz-transform:scale(1.1); 
-webkit-transform:scale(1.1); 
-o-transform:scale(1.1);
}






.index-advantage-con .ad_text{
    margin: 100px 0;
    /*text-align: center;*/
    
}
.index-advantage-con .ad_text p{
    text-indent: 2em;
}
.index-advantage-pic{
    width: 1140px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 100px;
    padding-top: 100px;
}
.index-advantage-pic .pic{
    width: 392px;
    height: 387px;
    margin: 0 auto;
/*        -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0); 
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
-webkit-animation: pointAnimations 50s linear infinite;
    -moz-animation: pointAnimations 50s linear infinite;
    -ms-animation: pointAnimations 50s linear infinite;
    animation: pointAnimations 50s linear infinite; */
}
@-webkit-keyframes pointAnimations{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}
@-moz-keyframes pointAnimations{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}
@-ms-keyframes pointAnimations{0%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(360deg)}}
@keyframes pointAnimations{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}   

.index-advantage-pic .pic-top{
     width: 418px;
     height: 400px;
     position: absolute;
     top: -32px;
     left: 50%;
     margin-left: -209px;
}

.index-advantage-pic .item{
    position: absolute;
    width: 420px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.index-advantage-pic .item .text {
    margin-top: -30px;
}
.index-advantage-pic .item .text h2{
    font-size: 22px;
    color: #024886;
    margin-bottom: 10px;
    font-weight: bold;
    display: inline-block;
}
.index-advantage-pic .item .text p{
    font-size: 16px;
}
.index-advantage-pic .item1 .text h2{
    text-align: center;
    display: block;
}
.index-advantage-pic .item1 .text p{
    text-align: center;
    display: block;
}
.index-advantage-pic .item-left .text {
    width: 330px;
    float: left;
    text-align: right;
}
/*.index-advantage-pic .item-left .text h2{
    background: url(../images/ad_line.png) right bottom no-repeat;
}*/
.index-advantage-pic .item-left .ad-pic{
    width: 71px;
    float: right;
     position: relative;
}

.index-advantage-pic .item-right .text {
    width: 100%;

    text-align: left;
}
.index-advantage-pic .item-right .ad-pic{
    width: 71px;
    float: left;
    position: relative;
}
.index-advantage-pic .ad-pic img{
    position: absolute;
    top: 0;
    left: 0;
}
.index-advantage-pic .ad-pic .ad_img2{
    opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;


}

.index-advantage-pic .ad-pic .ad_img{
     opacity: 1;
    filter:alpha(opacity=1);
    -moz-opacity:1;
    -khtml-opacity: 1;
}
.index-advantage-pic .item:hover .ad_img2{
      opacity: 1;
    filter:alpha(opacity=1);
    -moz-opacity:1;
    -khtml-opacity: 1;
}
.index-advantage-pic .item:hover .ad_img{
      opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
}


.index-advantage-pic .item1{
     top: 0px;
    left: 50%;
    margin-left: -210px;
}
.index-advantage-pic .item2{
     top: 208px;
    left: -10px;
}
.index-advantage-pic .item3{
       top: 400px;
    left: -10px;
}
.index-advantage-pic .item4{
     top:208px;
    right: -80px;
}
.index-advantage-pic .item5{
     top: 400px;
    right: -80px;
}
.index-about-con{
    
}
.index-about-con .about_text{
    /*text-align: center;*/
    margin: 60px 0;
    text-indent: 2em;
}
.index-about-con .about-log{
    width: 100%;
    text-align: center;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.index-about-con .about-log img{
    display: inline-block;
}
.index-about-list ul{
    text-align: center;
    margin-bottom: 60px;

}
.index-about-list ul li{
    display: inline-block;
    width: 162px;
    height: 83px;
    border-right: 1px solid #c2c2c2;
    box-sizing: border-box;
     filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.index-about-list ul li.last{
    border-right: none;
}
.index-about-list ul li .li-con{
    margin: 20px 20px;
    float: none;
}
.index-about-list ul li .li-con .title{
    float: left;
}
.index-about-list ul li .li-con .title h2{
    font-size: 46px;
    color: #f04a53;
    font-weight: bold;
}
.index-about-list ul li .li-con .text{
    float: left;
    text-align: left;
    margin-left: 10px;
}
.index-about-list ul li .li-con .text p{
    font-size: 12px;
    line-height: 20px;
    color: #024886;
    font-weight: bold;
}
.index-solution-text{
    position: relative;
    height: auto;
}
.index-solution-left{
    width: 373px;
    height: 542px;
    float: left;
    position: relative;
}
.phone-solution-text .phone-slider{
    position: relative;
}
.phone-solution-text .phone-slider .phone-pagation{
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index:2;
    width:100%;
    text-align: center;
}
.phone-solution-text .phone-slider .phone-pagation a{
    display: inline-block;
    width:12px;
    height:12px;
    overflow: hidden;
    text-indent: -99px;
    background:url(../images/ppagination.png) no-repeat top;
    margin:0 5px;
}
.phone-solution-text .phone-slider .phone-pagation a.selected{
    background-position: bottom;
}



#homebanner .pagination2{position:absolute;bottom:30px;left:0px;z-index:2;width:100%;text-align: center;display:none}
#homebanner .pagination2 a{display: inline-block;width:12px;height:12px;overflow: hidden;text-indent: -99px;background:url(http://www.clschina.com.cn/themes/basic/skin/images/pagination.png) no-repeat top;margin:0 5px;}
#homebanner .pagination2 a.selected{background-position: bottom;}
.index-solution-left .solution-item{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
     transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  display: none;
}
.index-solution-left .solution-item.active{
     filter:alpha(opacity=1);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
    display: block;
}



.index-solution-left .title{
    margin-top: 100px;
}
.index-solution-left .title h2{
    font-size: 40px;
    color: #024886;
}
.index-solution-left .title h2 span{
    font-weight: bold;
}
.index-solution-left .text{
    margin: 70px 0;
}
.index-solution-left .whfrom{
    
}
.index-solution-left .whfrom h2{
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
    font-weight: bold;
}
.index-solution-left .whfrom ul li{
    width: 120px;
    height: 60px;
    border: 1px solid #e6e6e6;
    margin-right: 20px;
    float: left;
 
}
.index-solution-left .whfrom ul li img{
    width: 100%;
    
}
.index-solution-left .more{
    margin: 60px 0;
}
.index-solution-left .more a{
    display: block;
    width: 215px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background: url(../images/index_more.png) no-repeat;
    background-size: 100%;
    color: #fff;
     transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in;
}
.index-solution-left .more a:hover{
    background: url(../images/index_more2.png) no-repeat;
      background-size: 100%;
}
.index-solution-right{
    position: absolute;
    right: 0;
    top:0;
    width: 800px;
   
    float: right;
    margin-right: -50px;
    
}
.index-solution-bg{
    float: right;
    position: relative;
    
}
.index-solution-change{
    position: relative;
    width: 800px;
    
}
.index-solution-change .s-item {
    position: absolute;
    cursor: pointer;
}
.index-solution-change .s-item1{
    width: 117px;
    height: 103px;
    top: 22px;
    left: 321px;
   /*  background: url(../images/111.png) no-repeat; */
}
.index-solution-change .s-item2{
    width: 189px;
    height: 225px;
    top: 0px;
    right: 104px;
  /*  background: url(../images/222.png) no-repeat; */
}
.index-solution-change .s-item3{
    width: 136px;
    height: 151px;
    top: 175px;
    left: 280px;
  /*  background: url(../images/333.png) no-repeat; */
}
.index-solution-change .s-item4{
    width: 131px;
    height: 168px;
     top: 228px;
    left: 518px;
   /* background: url(../images/444.png) no-repeat; */
}
.index-solution-change .s-item5{
    width: 73px;
    height: 62px;
    top: 426px;
    left: 360px;
   /* background: url(../images/555.png) no-repeat; */
}
.index-solution-change .s-item6{
     width: 232px;
    height: 125px;
    bottom: 56px;
    right: 85px;
    /* background: url(../images/666.png) no-repeat; */
}
.index-solution-change .s-item1:hover,.index-solution-change .s-item1.active{
    /* background: url(../images/solu_item1-bg.png) no-repeat; */
}
.index-solution-change .s-item2:hover,.index-solution-change .s-item2.active{
   /* background: url(../images/solu_item2-bg.png) no-repeat; */
}
.index-solution-change .s-item3:hover,.index-solution-change .s-item3.active{
    /* background: url(../images/solu_item3-bg.png) no-repeat; */
}
.index-solution-change .s-item4:hover,.index-solution-change .s-item4.active{
   /* background: url(../images/solu_item4-bg.png) no-repeat; */
}
.index-solution-change .s-item5:hover,.index-solution-change .s-item5.active{
   /* background: url(../images/solu_item5-bg.png) no-repeat; */
}
.index-solution-change .s-item6:hover,.index-solution-change .s-item6.active{
   /* background: url(../images/solu_item6-bg.png) no-repeat; */
}






.index-solution-change .s-item .s-item-con{
    position: relative;
}
.index-solution-change .s-item .s-item-pic{
    position: absolute;
    display: none;
}
.index-solution-change .s-item1:hover .s-item-pic,.index-solution-change .s-item1.active .s-item-pic{
    width: 431px;
    height: 116px;
    top: -22px;
    left: -321px;
    display: block;
}
.index-solution-change .s-item2:hover .s-item-pic,.index-solution-change .s-item2.active .s-item-pic{
    width: 319px;
    height: 204px;
    top: -95px;
    right: -20px;
    display: block;
}
.index-solution-change .s-item3:hover .s-item-pic,.index-solution-change .s-item3.active .s-item-pic{
       width: 343px;
    height: 87px;
    top: 82px;
    left: -306px;
    display: block;
}
.index-solution-change .s-item4:hover .s-item-pic,.index-solution-change .s-item4.active .s-item-pic{
    width: 215px;
    height: 136px;
   top: 184px;
    display: block;
    right: -221px;
    display: block;
}
.index-solution-change .s-item5:hover .s-item-pic,.index-solution-change .s-item5.active .s-item-pic{
    width: 369px;
    height: 130px;
   top: 68px;
    left: -321px;
    display: block;
}.index-solution-change .s-item6:hover .s-item-pic,.index-solution-change .s-item6.active .s-item-pic{
    width: 327px;
    height: 112px;
    top: 126px;
    left: -295px;
    display: block;
}

.index-case{
    
}
.index-case-con .index-case-item{
    float: left;
    width: 50%;
    background: #f15c64;
    height: 100%;
}
.index-case-con .index-case-item2{
    background: #1b5a92;
}
.index-case-con .index-case-item .case-item-text{
    width: 605px;
    margin: 0 auto;
    min-height: 285px;
}
.index-case-con .index-case-item .case-item-text .text{
    margin: 70px 0;
}
.index-case-con .index-case-item .case-item-text .text h2{
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin: 20px 0;
}
.index-case-con .index-case-item .case-item-text .text p{
    color: #fff;
}
.index-case-con .index-case-item .case-item-text .more{
    margin-top: 20px;
}

.index-case-con .index-case-item .case-item-text .more a{
     display: block;
    width: 215px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background: url(../images/case_more.png) no-repeat;
    background-size: 100%;
    color: #fff;
   transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in;  
}
.index-case-con .index-case-item .case-item-text .more a.spc1:hover{
    background:url(../images/index_more2.png) no-repeat;
         background-size: 100%;
}
.index-case-con .index-case-item .case-item-text .more a.spc2:hover{
    background:url(../images/index_more.png) no-repeat;
         background-size: 100%;
}

/*.banners .slidebtn{
    position:absolute;
    bottom:30px;
    left:50%;
    margin-left:-51px;
    width:102px;
    height:102px;
    background:url(../images/slidebtn.png);
    z-index:10;-webkit-transition:all 0.5s ease-in;
    -moz-transition:all 0.5s ease-in;
    -o-transition:all 0.5s ease-in;
    -ms-transition:all 0.5s ease-in;
    transition:all 0.5s ease-in;}
.banners .slidebtn.o{-webkit-animation: arrowlx 1.5s infinite;
    -moz-animation: arrowlx 1.5s infinite;
    -o-animation: arrowlx 1.5s infinite;
    -ms-animation: arrowlx 1.5s infinite;
    animation: arrowlx 1.5s infinite;}
.pagination {
    width: 20px;
    height: 90px;
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -45px;
    z-index: 30;
}*/

.hearder-more .search-btn{
    width: 26px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/searchbtn.png) left center no-repeat;
    cursor: pointer;
}
.hbanner{
    width: 100%;
    height: 150px;
    position: relative;
    overflow: hidden;
}
.hbanner .hbanner-img{
    position: absolute;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    top: 0;
    z-index: -1;
}
.hbanner .hbanner-img .hb-img{
    width: 100%;
    margin: 0 auto;
}
.hbanner .hbanner-img .hb-img img{
    width: 100%;
    display: inherit;
}
.hbanner-con{
    width: 100%;
    z-index: 2;
}
.hbanner-title{
    float: left;
    width: 100%;
    margin-top: 25px;
    text-transform: uppercase;
    
}
.hbanner-title h2{
    font-size: 26px;
    color: #333333;
    background: url(../images/h2bg.png) left bottom no-repeat;
    padding-bottom: 20px;

}
.hbanner-title p{
    font-size: 14px;
    color: #333;
    font-weight: 100;
    margin-top: 20px;
}
.navigation{
    width: 100%;
     border-bottom: 1px solid #f2f2f2;
    box-sizing: border-box;
}
.navigation .navigation-item{
    color: #888;
    margin:32px 0;
}
.navigation .navigation-item a{
   color: #888;
   margin: 0px 12px;
}
.navigation .navigation-item a.active,.navigation .navigation-item a:hover{
    color: #024886;
}
.navigation .navigation-left{
    float: left;
    margin-left: -20px;
}
.navigation .navigation-right{
    float: right;
    margin-right: -20px;
}
.block-title{

}
.block-introduced{
    margin: 90px 0;
}
.introduced-title{
  
    margin-bottom: 60px;
}
.block-title h2{
    margin-left: -50px;
    padding-left: 50px;
    font-size: 40px;
    color: #999;
    background: url(../images/blockh2.png) left center no-repeat;
    text-transform: uppercase;
}
.block-title h2 span{
    color: #024886;
    margin-left: 20px;
}
.block-title p{
    margin-top: 10px;
    font-size: 20px;
    color: #999;
}
.block-vision{
    background: url(../images/vision_02.jpg) no-repeat;
}

.block-spc-title h2{
    font-size: 32px;
    color: #fff;
}
.block-nor-title h2{
    font-size: 32px;
    color: #024886;
}
.block-spc-title  img{
    margin-bottom: -10px;
}
.vision-title{
    margin: 100px 0;
    float: left;
}
.vision-text ul {
    margin-right: -30px;
}
.vision-text ul li{
    float: left;
    margin-bottom: 135px;
    margin-right: 30px;
    
filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.vision-text ul li .li-con{
    width: 380px;
}
.vision-text ul li .li-con .title{
    width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    min-height: 113px;
}
.vision-text ul li .li-con .title h2{
    font-size: 20px;
    color: #fff;
    margin-top: 10px;
}
.vision-text ul li .li-con .text{
    margin-top: 20px;
}
.vision-text ul li .li-con .text p{
    color: #fff;
}
.scan-text{
    margin: 90px 0;
}
.scan-text ul{
    text-align: center;

}
.scan-text ul li{
    display: inline-block;
    width: 162px;
    height: 83px;
    border-right: 1px solid #c2c2c2;
    box-sizing: border-box;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;

}
.scan-text ul li.last{
    border-right: none;
}
.scan-text ul li .li-con{
    margin: 20px 20px;
    float: none;
}
.scan-text ul li .li-con .title{
    float: left;
}
.scan-text ul li .li-con .title h2{
    font-size: 46px;
    color: #f04a53;
    font-weight: bold;
}
.scan-text ul li .li-con .text{
    float: left;
    text-align: left;
    margin-left: 10px;
}
.scan-text ul li .li-con .text p{
    font-size: 12px;
    line-height: 20px;
    color: #024886;
    font-weight: bold;
}
.block-studies{
    margin-top: 100px;
}
.block-video{
    margin: 100px 0;
    display: none;
}
.block-project{
    margin-top: 100px;
}
.video-text{
    margin-top: 60px;
    cursor: pointer;
}
.project-text{
    margin: 50px 0;
}
.project-text ul{
    margin-right: -25px;
}
.project-text ul li{
    width: 280px;
    height: 420px;
    float: left;
    margin-right: 25px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    overflow: hidden;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.project-text ul li .li-con{
    margin:40px 20px;
}
.project-text ul li .li-con .title{
    
}
.project-text ul li .li-con .title h2{
    margin-top:20px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding-bottom: 20px;
    background: url(../images/proh2.png) left bottom no-repeat;
}
.project-text ul li .li-con .title h2 span{
    font-size: 14px;
    font-weight: normal;
}
.project-text ul li .li-con .text{
    margin-top: 20px;
}
.project-text ul li .li-con .text p{
    padding-left: 12px;
    background: url(../images/pro_p.png) left 13px no-repeat;
}
.block-object{
    background: url(../images/case_06.jpg) no-repeat;
}
.object-text{
    padding:  160px 0;
}
.object-text ul{
    
}
.object-text ul li{
    float: left;
    width: 50%;
    color: #fff;
}

.object-text ul li .li-con{
    width: 582px;
}
.object-text ul li .li-con .title{
    width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    height: 134px;
}
.object-text ul li .li-con .title h2{
    font-size: 20px;
    color: #fff;
    margin-top: 10px;
}
.object-text ul li .li-con .text{
    margin-top: 20px;
}
.object-text ul li .li-con .text p{
    color: #fff;
}
.block-design{
    margin: 100px 0;
}
.design-pic{
    text-align: center;
    margin: 50px 0;
}
.design-pic img{
    display: inline-block;
}

.design-list ul{
    text-align: center;

}
.design-list ul li{
    display: inline-block;
    width: 162px;
    height: 83px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

.design-list ul li .li-con{
    margin: 20px 10px;
    float: none;
}
.design-list ul li .li-con .title{
    float: left;
}
.design-list ul li .li-con .title h2{
    font-size: 46px;
    color: #f04a53;
    font-weight: bold;
}
.design-list ul li .li-con .text{
    float: left;
    text-align: left;
    margin-left: 10px;
}
.design-list ul li .li-con .text p{
    font-size: 12px;
    line-height: 20px;
    color: #024886;
    font-weight: bold;
}
.block-implementation{
    padding: 100px 0;
    background: #f7f7f7;
}
.implementation-text{
    
}
.implementation-text .implementation-item{
    width: 50%;
    float: left;
    margin-top: 60px;
}
.implementation-text .implementation-item .pic{
    width: 100%;
    text-align: center;
    margin-top: 60px;
}
.implementation-text .implementation-item .pic img{
    display: inline-block;
}
.implementation-text .implementation-item .text{
    width: 530px;
    float: right;
}
.implementation-text .implementation-item .text strong{
    font-size: 20px;
    color: #333;
    padding: 10px 0;
    display: inline-block;
}
.block-summarize{
    margin: 100px 0;
}
.summarize-nav{
    
}
.summarize-nav ul{
    border-bottom: 1px solid #eeeeee;
    margin: 60px 0;
}
.summarize-nav ul li{
    height: 60px;
    width: 115px;
    line-height: 60px;
    float: left;
    text-align: center;
   cursor: pointer;
}
.summarize-nav ul li p{
    font-size: 20px;
    color: #bbb;
    font-weight: bold;
}
.summarize-nav ul li.li01{
    background: url(../images/zong_icon11.png) left center no-repeat;
}
.summarize-nav ul li.li02{
    background: url(../images/zong_icon21.png) left center no-repeat;
}
.summarize-nav ul li.li03{
    background: url(../images/zong_icon31.png) left center no-repeat;
}
.summarize-nav ul li.li04{
    background: url(../images/zong_icon41.png) left center no-repeat;
}
.summarize-nav ul li.li01:hover,.summarize-nav ul li.li01.active{
    background: url(../images/zong_icon12.png) left center no-repeat;
}
.summarize-nav ul li.li02:hover,.summarize-nav ul li.li02.active{
    background: url(../images/zong_icon22.png) left center no-repeat;
}
.summarize-nav ul li.li03:hover,.summarize-nav ul li.li03.active{
    background: url(../images/zong_icon32.png) left center no-repeat;
}
.summarize-nav ul li.li04:hover,.summarize-nav ul li.li04.active{
    background: url(../images/zong_icon42.png) left center no-repeat;
}
.summarize-nav ul li.active,.summarize-nav ul li:hover{
     border-bottom: 2px solid #024886;
}
.summarize-nav ul li.active p,.summarize-nav ul li:hover p{
    color: #024886;
}
.summarize-list{
    display: none;
}
.summarize-list.active{
    display: block;
    -webkit-animation-name: fadeIn; /*动画名称*/
    -webkit-animation-duration: 1s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
   -webkit-animation-delay: 0s;
}

@-webkit-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}
.summarize-list .summarize-list-item{
    float: left;
    width: 50%;
}
.summarize-list .summarize-list-item .text{
    
}
.summarize-list .summarize-list-item .text h2{
    font-size: 18px;
    font-weight: bold;
    color: #024886;
    margin-bottom: 20px;
}
.summarize-list .summarize-list-item .text p{
    font-size: 13px;
    color: #333;
}
.summarize-list .summarize-list-item .pic img{
    width: 100%;
    display: inline-block;
}
.block-honor{
    margin: 100px 0;
}
.honor-text{
    
}
.honor-text ul{
    
}
.honor-text ul li{
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
    cursor: pointer;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.honor-text ul li .honor-pic{
    float: left;
    width: 235px;
    text-align: center;
}
.honor-text ul li .honor-pic .pic{
    width: 175px;
    height: 125px;
    margin: 0 auto;
    overflow: hidden;
}
.honor-text ul li .honor-pic .pic img{
    max-width: 100%;
    display: inline-block;
}
.honor-text ul li .honor-text{
    float: right;
    width: 915px;
}
.honor-text ul li .honor-text .title h2{
    font-size: 22px;
    color: #333;
    font-weight: bold;
}
.honor-text ul li .honor-text .title p{
    font-size: 14px;
    color: #333;
}
.honor-text ul li .honor-text .text p{
    color: #666;
}
.company-title{
    margin-top: 60px;
}
.company-text{
    
}
.company-text .company-item{
    width: 50%;
    float: left;
    margin: 30px 0;
}
.company-text .company-item .text{
   
    margin-right: 20px;
}
.company-text .company-item  .pic img{
    
}
.company-text .company-item .text strong{
     margin-top: 10px;
     display: inline-block;
}
.company-list{
    margin-top: 60px;
}
.company-list ul{
    
}
.company-list ul li{
    float: left;
    width: 50%;
    margin-bottom: 50px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
    
}
.company-list ul li .com-pic-con{
    float: left;
}
.company-list ul li .com-pic{
    width: 180px;
    height: 260px;
    background: url(../images/combg.png) no-repeat;
    
}
.company-list ul li .com-pic .pic{
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 45px;
}
.company-list ul li .com-pic .pic img{
    display: inline-block;
}
.company-list ul li .com-text-con{
     float: left;
     
}
.company-list ul li .com-text{
    width: 368px;
  
    margin-left: 30px;
    overflow: hidden;
    line-height: 26px;
}
.company-list ul li .com-text .title{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.company-list ul li .com-text .title p{
    font-size: 13px;
    font-weight: bold;
    color: #666;
}
.company-list ul li .com-text .text p{
    font-size: 13px;
    color: #666;
}
.row-2{
    float: left;
    width: 50%;
}
.profile-text{
    
}
.profile-text .profile-item{
    margin: 60px 0;
}
.profile-text .text{
    margin-right: 20px;
}
.profile-text ul{
    margin: 20px 0;
}
.profile-text ul li{
    width: 140px;
    height: 121px;
    background: url(../images/profilebg.png) no-repeat;
    float: left;
    margin-right: 3px;
    text-align: center;
}
.profile-text ul li h2{
    font-size: 18px;
    color: #024886;
    font-weight: bold;
    margin-top: 25px;
}
.profile-text ul li p{
    font-size: 12px;
}
.profile-text .pic img{
    display: inline-block;
}
.block-characteristic{
    background: url(../images/tedian_bg.jpg) top center no-repeat;
}
.characteristic-text{
   
}
.characteristic-title{
    padding-top: 90px;
}
.characteristic-silder{
    position: relative;
    padding-top: 60px;
    padding-bottom: 100px;
}
.characteristic-silder ul{
/*    margin-right: -20px;*/
}

.characteristic-silder ul li{
    width: 390px;
    height: 530px;
    float: left;
    margin: 0 5px;
    background: url(../images/tedian_li.png) no-repeat;
    background-size: 100%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.characteristic-silder ul li .li-con{
    width: 372px;
    margin: 0 auto;
}
.characteristic-silder ul li .li-con .pic{
    width: 100%;
    height: 202px;
    overflow: hidden;
}
.characteristic-silder ul li .li-con .pic img{
    width: 100%;
}
.characteristic-silder ul li .li-con .text{
    margin: 30px 23px;
}
.characteristic-silder ul li .li-con .text h2{
    font-size: 18px;
    color: #024886;
    font-weight: bold;
    margin-bottom: 20px;
}
.characteristic-silder ul li .li-con .text p{
    background: url(../images/tedian_p.png) left 12px no-repeat;
    padding-left: 15px;
}
.income-title{
    margin-top: 100px;
}
.income-text{
    margin: 100px 0;
}
.income-text .pic img{
    
}
.income-text .text{
    margin-left: 10px;
}
.income-text .text p{
    line-height: 25px;
}
.block-course{
    background: url(../images/course_bg.jpg) top center no-repeat;
}
.course-title{
    padding-top: 100px;
}

.course-silder{
    position: relative;
    padding: 100px 0;
}
.course-silder ul{
/*    margin-right: -30px;*/
}
.course-silder ul li{
    width: 380px;
    height: 394px;
    float: left;
    margin: 0 10px;
    border: 1px solid #aaaaaa;
    box-sizing: border-box;
     filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

.course-silder ul li .li-con .pic{
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.course-silder ul li .li-con .pic img{
    width: 100%;
}
.course-silder ul li .li-con .text{
    margin: 30px 25px 0 25px;
}
.course-silder ul li .li-con .text h2{
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.success-case-title{
    padding-top: 100px;
}
.success-case-text {
    padding: 100px 0;
}
.success-case-text  .success-case-silder{
    position: relative;
}
/*.success-case-text ul{
    margin: 0 -5px;
}*/
.success-case-text ul li{
    width: 380px;
    height: 300px;
    float: left;
    margin: 0 10px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.success-case-text ul li .pic{
    width: 100%;
    height: 220px;
    overflow: hidden;
}
.success-case-text ul li .pic img{
    width: 100%;
}
.success-case-text ul li  .text{
    text-align: center;
}
.success-case-text ul li  .text p{
    padding: 30px 0;
    font-weight: bold;
    color: #333;
}
.sider-pre{
    position: absolute;
    width: 19px;
    height: 34px;
    top: 50%;
    margin-top: -10px;
    left: -70px;
    background: url(../images/pre_01.png) center no-repeat;
     transition: background .3s ease-in;
    -moz-transition: background .3s ease-in;
    -webkit-transition: background .3s ease-in;
    cursor: pointer;
}
.sider-pre:hover{
    background: url(../images/pre_02.png) center no-repeat;
}
.sider-next{
    position: absolute;
    width: 19px;
    height: 34px;
    top: 50%;
    margin-top: -10px;
    right: -70px;
    background: url(../images/next_01.png) center no-repeat;
    transition: background .3s ease-in;
    -moz-transition: background .3s ease-in;
    -webkit-transition: background .3s ease-in;
    cursor: pointer;
}
.sider-next:hover{
    background: url(../images/next_02.png) center no-repeat;
}

.block-specialist{
     background: url(../images/product_bg.jpg) top center no-repeat;
}
.specialist-title{
    padding-top: 100px;
}
.specialist-text{
    padding: 100px 0;
}
.specialist-list-pic{
    width: 762px;
    float: left;
}
.specialist-list-pic .pic img{
    width: 100%;
}
.specialist-list-text{
    width: 365px;
    float: right;
} 
.specialist-list-text .text{
    margin-top: 30px;
}
.specialist-list-text .text p{
    color: #fff;
}
.block-goals .goals-pic{
    padding: 100px 0;
}
.block-goals .goals-pic img{
    width: 100%;
}
.jieshao-text{
    padding-top: 50px;
    padding-bottom: 100px;
}
.jieshao-text .pic{
    float: right;
}
.style-text{
    margin: 60px 0;   
}
.history{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.history #timeline{
    width: 100%;
    height: 550px;
    overflow: hidden;
    position: relative;
   background: url(../images/style_line.png) 7px center repeat-y;
}
.history #dates{
    float: left;
    width: 285px;
    height: 100%;
    /*overflow: hidden;*/
    
}
.history #dates li{
    float: left;
    width: 100%;
    height: 160px;
    margin: 5px 0;
    box-sizing: border-box;
    position: relative;
}
.history #dates li a{
    display: block;
    
}
.history #dates li .line-bg{
    width: 80px;
    height: 15px;
    background: url(../images/his_heng.png) no-repeat;
    position: absolute;
    left:0;
    top:50%;
    margin-top: -7px;
    z-index: 5;
}
.history #dates li a.selected .line-bg{
    background: url(../images/his_heng2.png) no-repeat;
}
.history #dates li .time-pic{
    width: 225px;
    height: 100%;
    position: absolute;
    top:0;
    right: 0;
    overflow: hidden;
}
.history #dates li a.selected .time-pic{
    border: 3px solid #024886;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
}

.history #dates li .time-pic img{
    width: 100%;
}
.history #dates li a.selected{
    color: #0053a6;
}

.history #issues{
    float: right;
    width: 895px;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.history #issues li{
    width: 100%;
    height: 700px;
    box-sizing: border-box;
}
.history #issues li .is_pic{
    width: 100%;
    height: auto;
    position: relative;
}
.history #issues li .is_pic .wfEditorMode{
    position: absolute;
    bottom:0px;
    left: 0px;
    
}
.history #issues li .is_pic img{
    display: inherit;
    width: 100%;
}
.history_prev{
    display: block;
    width: 50px;
    height: 50px;
    background: url("../images/history_next.png") no-repeat center center;
    cursor: pointer;
    position: absolute;
    top: -50px;
    left: 140px;

}
.history_prev:hover{
    background: url("../images/history_next2.png") no-repeat center center;
}
.history_next{
    display: block;
    width: 50px;
    height: 50px;
    background: url("../images/history_prev.png") no-repeat center center;
    cursor: pointer;
    position: absolute;
    bottom: -50px;
    left: 140px;
}
.history_next:hover{
     background: url("../images/history_prev2.png") no-repeat center center;
}

.model-text{
    padding-top: 60px;
    padding-bottom: 100px;
}
.model-text .model-item .text{
    width: 575px;
    float: left;
    margin-top: 40px;
}
.model-text .model-item .text p{
    line-height: 25px;
}
.model-text .model-item .pic{
    float: right;
}
.block-team{
    background: url(../images/product_bg.jpg) top center no-repeat;
}
.team-title{
    padding-top: 100px;
}
.team-title h2{
    color: #fff;
     background: url(../images/blockh22.png) left center no-repeat;
}
.team-title h2 span{
    color: #fff;
}
.team-title p{
    color: #fff;
}
.team-change{
    text-align: right;
    margin: 20px 0;
    color: #fff;
}
.team-change span{
    color: #fff;
    margin: 0px 10px;
    cursor: pointer;
    padding-bottom: 5px;
    
}
.team-change span.active,.team-change span:hover{
    border-bottom: 1px solid #fff;
}
.team-slider-con{
    margin-top: 90px;
    margin-bottom: 140px;
}
.team-slider-list{
    display: none;
}
.team-slider-list.active{
    display: block;
    -webkit-animation-name: fadeIn; /*动画名称*/
    -webkit-animation-duration: 1s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
   -webkit-animation-delay: 0s;
}
.team-slider{
    position: relative;
}

.team-text{
    padding: 100px 0;
}
.team-text .text{
    width: 70%;
    float: right;
}
.team-text .text p{
    color: #fff;
}

.team-text .text p strong{
    color: #fff;
}


.block-behavior{
      background: url(../images/product_bg.jpg) top center no-repeat;
}
.behavior-title{
    padding-top: 100px;
}
.behavior-text{
    padding-top: 60px;
    padding-bottom: 100px;
    position: relative;
}
.behavior-text ul{
    /*margin-right:px;*/
}
.advan1-text .pic img{
    width: 100%;
}
.advan1-text{
    margin: 100px 0;
}
.advan1-text  .advan1-item1{
    float: left;
    width: 60%;
}
.advan1-text  .advan1-item2{
    float: right;
    width: 35%;
}
.advan1-text  .advan1-item2 p{
       line-height: 25px;
}
.advan1-text  .advan1-item2 p strong{
    font-weight: bold;
}
.block-advan2{
    background: url(../images/product_bg.jpg) top center no-repeat;
}
.advan2-text{
    padding: 100px 0;
}
.advan2-text .text{
    width: 80%;
}
.advan2-text p{
    line-height: 25px;
    color: #fff;
}
.advan2-text .pic {
    text-align: center;
}
.advan2-text .pic img{
    display: inline-block;
}
.advan2-text p strong{
     font-weight: bold;
     color: #fff;
}



.behavior-text ul li{
    width: 280px;
    height: 520px;
    float: left;
    border: 2px solid #dddddd;
    margin: 0 9px;
    box-sizing: border-box;
    background: #fff;
}
.behavior-text ul li .text{
    margin: 60px 20px 20px 20px;
}
.behavior-text ul li .text h2{
    color: #024886;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: url(../images/change_line.png) left bottom no-repeat;
}
.behavior-text ul li .text h3{
     padding-left: 20px;
     font-size: bold;
    background: url(../images/change_p.png) left 12px no-repeat;
}
.behavior-text ul li .text p{
    padding-left: 20px;
   line-height: 26px;
}
.behavior-text ul li .text p.spc{
     background: url(../images/change_p.png) left 12px no-repeat;
}
.behavior-text ul li .text p strong{
    margin-left: -20px;
    padding-left: 20px;
    background: url(../images/change_p.png) left 8px no-repeat;
    color: #333;
}
.block-international{
    background: #f5f5f5;
}
.international-title{
    padding-top: 50px;
}
.international-nav{
    margin: 30px 0;
}
.international-nav ul{
    width: 100%;
    left: 0 !important;
    
}
.international-nav li{
    /*display: inline-block;*/
    float: left;
    cursor: pointer;
   
}
.international-nav li p{
     padding-right:60px; 
}
.international-nav li.nofirst p{
    padding-left:60px; 
    border-left: 1px solid #ddd;
}
.international-nav li.selected p{
    background: url(../images/res_line.png) left bottom no-repeat;
}
.international-nav li.nofirst.selected p{
    background: url(../images/res_line.png) center bottom no-repeat;
}
.international-list-con{
    
}
.international-list{
    margin-bottom: 100px;
    width: 1200px;
    height: 320px;
    float: left;
}
/*.international-list.active{
    display: block;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 1s; 
    -webkit-animation-iteration-count: 1; 
   -webkit-animation-delay: 0s;
}*/
.international-list .international-item{
    width: 388px;
    float: left;
    margin-right: 60px;
}
.international-list .international-pic{
    float: right;
}
.recruit-info-text{
    margin: 60px 0;
}
.recruit-info-text .text{
    width: 560px;
}
.recruit-info-text .text h2{
    font-weight: bold;
}
.recruit-info-text .pic{
    text-align: center;
}
.recruit-info-text .pic img{
    display: inline-block;
}
.block-place{
    background: url(../images/gangwei.jpg) top center no-repeat;
}
.place-title{
    padding-top: 100px;
}
.place-content{
    margin: 20px 0;
}
.place-content p{
    color: #fff;
}
.place-slider{
    margin-top:30px;
    margin-bottom: 120px;
    position: relative;
}
.place-slider li{
    width: 580px;
    height: 730px;
    float: left;
    margin: 0 10px;
}
.place-slider ul{
    margin-right: -40px;
}
.place-slider li .list{
    box-sizing: border-box;
    border: 1px solid #fff;
    margin-bottom: 40px;
    height: 337px;
    overflow: hidden;
}
.place-slider li .list .text{
    margin: 50px 50px;
}
.place-slider li .list .text h2{
    color: #fff;
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: url(../images/jianli_ine.png) left bottom no-repeat;
}
.place-slider li .list .text p{
    color: #fff;
    line-height: 25px;
    padding-left: 15px;
    background: url(../images/jianli_p.png) left 12px no-repeat;
    
}
.welfare-text{
    margin-top: 60px;
    margin-bottom: 120px;
}
.welfare-text ul{
    margin-right: -25px;
}
.welfare-text ul li{
    width: 150px;
    float: left;
    margin-right: 25px;
      filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.welfare-text ul li .pic{
    width: 150px;
    height: 150px;
}
.welfare-text ul li .text {
    margin: 10px 0;
}
.welfare-text ul li .text p{
    font-size: 12px;
    text-align: center;
}
.welfare-text ul li.li01 .pic{
    background: url(../images/fu_icon1.png) center no-repeat;
}
.welfare-text ul li.li02 .pic{
    background: url(../images/fu_icon2.png) center no-repeat;
}
.welfare-text ul li.li03 .pic{
    background: url(../images/fu_icon3.png) center no-repeat;
}
.welfare-text ul li.li04 .pic{
    background: url(../images/fu_icon4.png) center no-repeat;
}
.welfare-text ul li.li05 .pic{
    background: url(../images/fu_icon5.png) center no-repeat;
}
.welfare-text ul li.li06 .pic{
    background: url(../images/fu_icon6.png) center no-repeat;
}
.welfare-text ul li.li07 .pic{
    background: url(../images/fu_icon7.png) center no-repeat;
}
.block-delivery{
    background: url(../images/jianli_03.jpg) top center no-repeat;
}

.welfare-text ul li.li01:hover .pic{
    background: url(../images/fu_icon12.png) center no-repeat;
}
.welfare-text ul li.li02:hover .pic{
    background: url(../images/fu_icon22.png) center no-repeat;
}
.welfare-text ul li.li03:hover .pic{
    background: url(../images/fu_icon32.png) center no-repeat;
}
.welfare-text ul li.li04:hover .pic{
    background: url(../images/fu_icon42.png) center no-repeat;
}
.welfare-text ul li.li05:hover .pic{
    background: url(../images/fu_icon52.png) center no-repeat;
}
.welfare-text ul li.li06:hover .pic{
    background: url(../images/fu_icon62.png) center no-repeat;
}
.welfare-text ul li.li07:hover .pic{
    background: url(../images/fu_icon72.png) center no-repeat;
}
.welfare-text ul li:hover p{
    color: #024886;
}
.block-delivery{
    background: url(../images/jianli_03.jpg) top center no-repeat;
}



.welfare-title{
    padding-top: 60px;
}
.delivery-title{
    padding-top: 100px;
}
.delivery-text{
    padding: 100px 0;
}
.delivery-text .btn{
    padding: 50px 0;
}
.delivery-text .btn p{
    width: 218px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    background: url(../images/jianli_btn.png) no-repeat;
    cursor: pointer;
     transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in;
}
.delivery-text .btn p:hover{
    background: url(../images/index_more2.png) no-repeat;
}
.newsBox{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.newsBox .news{
    width:100%;
    float:left;
    margin:0 0 26px 0;
    position:relative;
}
.newsBox .news .newsinner{
/*    width:1200px;*/
    width:100%;
    float:left;
}
.newsBox .news .newsinner .itemnew{
    width:31.333333%;
    display: inline-block;
    margin-bottom:30px;
  box-sizing: border-box;
    border: 1px solid #ccc;
    
}
.newsBox .news .newsinner .itemnew .picture-item__inner{
    width:100%;
    box-sizing: border-box;
    /*border: 1px solid #ccc;*/
}
.newsBox .news .newsinner .itemnew .picture-item__inner img{
    width:100%;
}
.newsBox .news .newsinner .itemnew .time{
    padding-top:10px;
    color:#f04a53;
    font-size: 13px;
    line-height: 24px;
}
/*.newsBox .news .newsinner .itemnew .time:hover{
    color:#4b83d0
}*/
.newsBox .news .newsinner .itemnew .title{
    font-size:13px;
    color:#323232;
    line-height: 24px;
}
.newsBox .news .newsinner .itemnew .title:hover{
    color:#4b83d0
}
.newsBox .news .newsinner .itemnew .content{
    color:#b2b2b2;
    font-size: 12px;
    line-height: 24px;
}
.newsBox .news .newsinner .itemnew .content:hover{
    color:#4b83d0;
}
.newsBox .news .newsinner .itemnew .more{
    padding: 20px 0;
    color: #113770;
}

.newsBox .news .newsinner .itemnew .more:hover{
 
    text-decoration: underline;
}
.newsBox .news .newsinner .itemnew a{
    display:block;
    overflow:hidden;
}
.newsBox .news .newsinner .itemnew .text{
    padding:10px;
    padding-top:0px;
    font-size: 13px;
    line-height: 28px;
    color: #666;
/*    border-left:#cecece 1px solid;
    border-right:#cecece 1px solid;*/
}
.newsBox .news .newsinner .itemnew .text a{
    font-size: 14px;
    color: #666;
}
.newsBox .news .newsinner .itemnew .text h3{
    font-size: 14px;
    color: #024886;
    font-weight: bold;
}
.newsBox .news .newsinner .itemnew .text:hover h3,.newsBox .news .newsinner .itemnew .text:hover{
    color: #f04a53;
}
.newsBox .news .newsinner .shuffle__sizer {
    position: absolute;
    width: 33.5%;
    opacity: 0;
    visibility: hidden;
}

.news-title{
    width: 100%;
    text-align: center;
}
.news-title h1{
    font-size: 24px;
    color: #666;
    margin: 30px 0;
}
.news-title p{
    font-size: 14px;
    color: #ff0000;
    margin-bottom: 30px;
}
.news-content{
    width: 100%;
}
.news-content p{
    font-size: 14px;
    color: #999;
    text-align: left;
    margin: 10px 20px;
}
.news-content h1{
    text-align: center;
    font-size: 13px;
    color: #ccc;
}
.newsinner .shuffle__sizer {
    position: absolute;
    width: 33.5%;
    opacity: 0;
    visibility: hidden;
}
.picture-item__inner {
    opacity: 0;
    transform: translate(0, 220px);
}
.picture-item__inner--transition {
    transition: all .6s ease;
}
.itemnew .picture-item__inner {
    height: 103%;
}
.itemnew.in .picture-item__inner {
    opacity: 1;
    transform: translate(0, 0);
}
.pages-con{
    margin-bottom: 60px;
}
.pages{
    width: 100%;
    text-align: center;
    margin: 60px 0;
    float: left;
}
.pages ul{
    
}
.pages ul li{
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url("http://www.clschina.com.cn/themes/basic/skin/images/page2.png") no-repeat;
}
.pages ul li a{
    color: #666666;
    font-size: 12px;
}
.pages ul li.selected,.pages ul li:hover{
    background: #024886;
}
.pages ul li.selected a,.pages ul li:hover a{
    color: #fff;
}
.block-hrjoy{
    margin-top:100px;
    margin-bottom: 180px;
}

.hrjoy-info{
    margin: 60px 0;
}
.hrjoy-info .text{
    width: 720px;
    float: left;
}
.hrjoy-info .pic{
    float: right;
}
.hrjoy-list{
    
}
.hrjoy-list ul{
    margin-right: -10px;
}
.hrjoy-list ul li{
    width: 192px;
    height: 166px;
    float: left;
    background: url(../images/hr_li.png)  no-repeat;
    overflow: hidden;
    margin-right: 9px;
    background-size: 100%;
    cursor: pointer;
     transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in;
}
.hrjoy-list ul li:hover{
     background: url(../images/hr_li2.png)  no-repeat;
     background-size: 100%;
}
.hrjoy-list ul li .pic{
    width: 80px;
    float: left;
    height: 100%;
    text-align: right;
}
.hrjoy-list ul li .pic p{
    font-size: 48px;
    color: #f04a53;
    font-weight: bold;
    line-height: 166px;
}
.hrjoy-list ul li:hover .pic p{
    color: #fff;
}
.hrjoy-list ul li .text{
    width: 104px;
    float: right;
    margin-top: 65px;
}
.hrjoy-list ul li .text p{
    color: #024886;
    line-height: 20px;
    text-transform: uppercase;
}
.hrjoy-list ul li:hover .text p{
    color: #fff;
}
.hrjoy-list ul li.last{
    text-align: center;
    background: url(../images/hr_more.png)  no-repeat;
    background-size: 100%;
}
.hrjoy-list ul li.last:hover{
     background: url(../images/hr_more2.png)  no-repeat;
     background-size: 100%;
}
.hrjoy-list ul li.last .more p a{
    line-height: 185px;
    color: #fff;
}
.block-public{
    margin: 100px 0;
}
.public-text{
    margin: 60px 0;
}
.public-text ul{
    margin-right: -30px;
}
.public-text ul li{
    width: 380px;
    border: 1px solid #ddd;
    float: left;
    box-sizing: border-box;
    margin-right: 30px;
    margin-bottom: 30px;
}

.public-text ul li .li-pic{
    width: 100%;
    height: 460px;
    overflow: hidden;
}
.public-text ul li .li-pic img{
    width: 100%;
}
.public-text ul li .li-text{
    width: 100%;
    height: 159px;
    border-bottom: 1px solid #ddd;
}
.public-text ul li .li-text .text{
    margin: 30px;
}
.public-text ul li .li-text .text h2{
    color: #024886;
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background: url(../images/change_line.png) left bottom no-repeat;
}
.public-text ul li .li-text .text p{
    color: #333;
    font-weight: bold;
}
.public-text ul li .li-text .text .add p{
    font-weight: normal;
    color: #666;
}
.public-text ul li .li-info .item{
    width: 50%;
    float: left;
    text-align: center;
    height: 35px;
}
.public-text ul li .li-info .item2{
    border-left: 1px solid #ddd;
    box-sizing: border-box;
}
.public-text ul li .li-info span{
    display: inline-block;
}
.public-text ul li .li-info .item  .icon{
    width: 20px;
    height: 90%;
    display: inline-block;
    background: url(../images/add.png) center no-repeat;
}
.public-text ul li .li-info .item2  .icon{
  
    background: url(../images/teah.png) center no-repeat;
}

.public-text ul li .li-info .item .info{
    /*width: 120px;*/
    padding-left: 30px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    line-height: 35px;
}

.public-text ul li .li-info .item .info {
     background: url(../images/add.png) left center no-repeat;
}
.public-text ul li .li-info .item2 .info{
     background: url(../images/teah.png) left center no-repeat;
}
.block-news{
   /*margin: 100px 0;*/
}
.news-title{
    /*padding-top: 100px;*/
}

.news-silder{
    position: relative;
    padding: 100px 0;
}
.news-silder ul{
    margin-right: -30px;
}

.news-silder ul li{
    width: 390px;
    height: 430px;
    float: left;
    margin: 0 5px;

}

.news-silder ul li .li-con .pic{
    width: 100%;
    height: 230px;
    overflow: hidden;
}
.news-silder ul li .li-con .pic img{
    width: 100%;
}
.news-silder ul li .li-con .text{
  
}
.news-silder ul li .li-con .text h2{
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin: 10px 0;
}
.news-silder ul li .li-con .text p{
    font-size: 13px;
}
.news-silder ul li .li-con .text p.time{
    color: #f04a53;
}
.news-silder ul li .li-con .text p.more{
    color: #113770;
}
.block-videos{
    background: url(../images/videosbg.jpg) top center no-repeat;
    padding: 100px 0;
}



.videos-silder{
    position: relative;
    padding-top: 60px;
    padding-bottom: 100px;
}
.videos-silder ul{
    margin-right: -30px;
}

.videos-silder ul li{
    width: 380px;
    height: 300px;
    float: left;
    margin:0 10px;
   
    background-size: 100%;
}
.videos-silder ul li .li-con{
    width: 380px;
    margin: 0 auto;
}
.videos-silder ul li .li-con .pic{
    width: 100%;
    height: 230px;
    overflow: hidden;
    position: relative;
}
.videos-silder ul li .li-con .pic  .video-pic img{
    width: 100%;
}
.videos-silder ul li .li-con .pic .video-icon{
    position: absolute;
    width: 104px;
    height: 104px;
    left: 50%;
    top:50%;
    margin-left: -52px;
    margin-top: -52px;
}
.videos-silder ul li .li-con .text{
    margin: 20px 0;
    text-align: center;
}

.videos-silder ul li .li-con .text p{
    color: #fff;
}











/*底部*/
.footer{
    width: 100%;
    background: #024886;
    overflow: hidden;
    color: #fff;
}
.footer .footer-item{
    width: 50%;
    box-sizing: border-box;
    margin: 80px 0;
}
.footer .footer-right{
    float: right;
    border-left: 3px solid #0381ce;
}
.footer .footer-left{
    float: left;
}
.footer-title{
    width: 520px;
    float: right;
    margin-bottom: 20px;
}
.footer-title h2{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.footer-text{
    width: 520px;
    float: right;
}
.footer-text p{
    color: #fff;
}
.footer-nav{

}
.footer-nav ul li{
    float: left;
    width: 180px;
    margin-bottom: 10px;
}
.footer-nav ul li a{
    color: #fff;
    font-size: 16px;
}
.footer-nav ul li a:hover{
    text-decoration: underline;
}
.copyright{
    margin-top: 60px;
}
.copyright p,.copyright p a{
    color: #fff;
    font-size: 12px;
}
.copyright p a:hover{
    text-decoration: underline;
}


.golink{
    width: 45px;
    height: 175px;
    cursor: pointer;
    position: fixed;
    right: 30px;
    bottom: 10%;
    z-index: 99999;
   
}

.golink .golink-li{
    width: 100%;
    height: 45px;
    margin-bottom: 20px;
    position: relative;
}
.golink .weixin{
    
     background: url(../images/topall.png) no-repeat 0px 0px;
}
.golink .weixin:hover{
     background: url(../images/topall.png) no-repeat 0px -45px;
}
.golink .weibo{
    
     background: url(../images/topall.png) no-repeat -90px 0px;
}
.golink .weibo:hover{
     background: url(../images/topall.png) no-repeat -90px -45px;
}
.golink .email{
    
     background: url(../images/topall.png) no-repeat -135px 0px;
}
.golink .email:hover{
     background: url(../images/topall.png) no-repeat -135px -45px;
}
.gotop{
    background: url(../images/topall.png) no-repeat -45px 0px;
    transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in;
}
.gotop:hover{
    background: url(../images/topall.png) no-repeat -45px -45px;
    
}
.golink .golink-li .golink-text{
    position: absolute;
    width: 200px;
    height: 200px;
    top: -150px;
    left: -200px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background: #fff;
    display: none;
}
.golink .golink-li .golink-text .pic img{
    width: 100%;
}
.golink .golink-li .golink-text .text{
    text-align: center;
}
.golink .golink-li .golink-text .text h2{
    font-size: 15px;
    color: #024886;
   
}
.golink .golink-li .golink-text .text img{
    margin-top: 50px;
}
.videoshadow{position:fixed;z-index:10;width:100%;height:100%;left:0px;top:0px;background:url(../images/bg_videoshadow.png) repeat;z-index: 999;}
.videobox {position: absolute;width: 0px;height: 2px;margin: -250px 0 0 -445px;left: 50%;top: 50%;background: #000;overflow: hidden;}
.videobox .close{position:absolute;top:5px;right:5px;width:26px;z-index: 9;height:26px;background:url(../images/close.png) no-repeat;cursor:pointer;}
.videobox #video{background:url(../images/loading040.gif) no-repeat center center #000;}
.search-result{
    width: 100%;
}
.search-result ul li{
    width: 31.333%;
    margin-right: 2%;
    position: relative;
    overflow: hidden;
    float: left;
    height: 253px;
    margin-bottom: 60px;
    
}

.search-result ul li .result-img{
    overflow: hidden;
     width: 100%;
    height: 100%;
}
.search-result ul li img{
    width: 100%;
    height: 100%;
}
.search-result ul li .result-title{
    width: 100%;
    position: absolute;
    left: 0;
    display: block;
    bottom: 0px;
    height: 50px;
    line-height: 50px;
    background: url('http://www.clschina.com.cn/themes/basic/skin/images/libg22.png') repeat;
    overflow: hidden;
}
.search-result ul li .result-title h2{
    color: #fff;
    padding: 0 10px;
    text-align: center;
}
.search-result ul li .result-title h2:hover{
    color: #ff0000;
}
.search-area{
    width: 595px;
    margin: 60px auto 0 auto;
}
.prompt-tetx{
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}
.search-area .search_input {
    border-width: 1px;
    border-style: solid;
    border-color: #c41c2a;
    width: 417px;
    float: left;
    font-size: 16px;
    height: 29px;
    line-height: 29px;
    padding: 2px 53px 2px 5px;
}
.search-area .btn{
    width: 116px;
    height: 36px;
    background: url(../images/vbg_new.png) no-repeat -90px -35px;
    border: 0;
    cursor: pointer;
    float: left;
    text-indent: 999px;
}
.search-area .search_input:hover{
	border:#ff000 1px solid;
        border-color: #ff0000;
}
.search-area .search_input:focus{
	border:#ff000 1px solid;
        border-color: #ff0000;
}
.search-area .btn:hover{
     background: url(../images/vbg_new.png) no-repeat -90px -75px;
}
.psection{
    margin-bottom: 60px;
}
.page-block-result{
    min-height: 200px;
}
.newsdetail-title{
    margin-top:60px;
    text-align: center;
    margin-bottom: 10px;
    
}
.newsdetail-title h2{
    font-size: 16px;
    color: #024886;
}
.newsdetail-time{
    margin-top: 10px;
    margin-bottom: 60px;
    text-align: center;
}
.newsdetail-time p{
    color: #c52831;
}
.newsdetail-content{
   margin-bottom: 60px;
}
.newsdetail-content img{
    /*width: 60%;
    margin-left: 20%;*/
}
.pback{
    float: left;
    width: 100%;
    text-align: center;
    margin: 60px 0 120px 0;
}
.pback p a{
    color: #fff;
    padding: 20px 80px;
    background: url("../images/back.png") center no-repeat;
    cursor: pointer;
}
.pback p a:hover{
     background: url("../images/back2.png") center no-repeat;
}

.wscale img{
    display: inherit;
    width: 100%;
    
    overflow: hidden;
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s; 
}
.wscale img:hover{
    -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
}
.phone-solution-text{
    display: none;
}
.caseList{
    width: 100%;
}
.caseList-list{
    width: 100%;
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom:  1px solid #ddd;
}
.caseList-list .caseList-title h2{
    font-size: 16px;
    color: #024886;
    font-weight: bold;
}
.caseList-list .caseList-more{
    text-align: right;
    color: #333;
    margin: 10px 0;
}
.caseList-list .caseList-more a{
    font-size: 13px;
     color: #024886;
}
.caseList-list .caseList-more a:hover{
     color: #f04a53;
}
.caseList-list .caseList-ul ul{
    margin-right: -30px;
}
.caseList-list .caseList-ul ul li{
    width: 380px;
    margin-right: 29px;
    float: left;
    box-sizing: border-box;
    border: 1px solid #ccc
}
.caseList-list .caseList-ul ul li a{
    display: inline-block;
}

.caseList-list .caseList-ul ul li .pic{
    width: 100%;
    height: 178px;
    overflow: hidden;
}
.caseList-list .caseList-ul ul li .pic img{
    width: 100%;
}
.caseList-list .caseList-ul ul li .title{
    padding: 20px;
}
.caseList-list .caseList-ul ul li .title h2{
    font-size: 14px;
    color: #024886;
    font-weight: bold;
}
.caseList-list .caseList-ul ul li .title p{
    font-size: 13px;
    color: #666;
}
.caseList-list .caseList-ul ul li .title p.time{
    font-size: 13px;
    color: #f04a53;
    padding: 5px 0;
}
.caseList-list .caseList-ul ul li .title:hover h2,.caseList-list .caseList-ul ul li .title:hover p{
   color: #f04a53;
}









@media screen and (max-width: 1440px){
    .company-list ul li{
        height: 261px;
    }
     .page-cen {
        max-width: 960px;
    }
    .container{line-height:24px;}
    .hearder-nav ul li a{
        padding: 30px 15px;
    }
    .vision-text ul li .li-con{
        width: 300px;
    }
    .scan-text ul li{
        width: 150px;
    }
    .footer-title,.footer-text{
        width: 80%;
    }
    .recruit-info-text .text{
        width: 96%;
    }
    .recruit-info-text .pic img{
        width:100%;
    }
    .welfare-text ul{
        margin-right: 0;
        text-align: center;
    }
    .welfare-text ul li{
        width: 150px;
        height: 230px;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .model-text .model-item .text,.model-text .model-item .pic img{
        width: 96%;
    }
   
    .international-list .international-item{
        margin-right: 20px;
        width: 315px;
    }
    .hrjoy-info .text{
        width: 520px;
    }
    .hrjoy-list ul {
        
    }
    .hrjoy-list ul li{
        width: 152px;
        height: 135px;
        
    }
    .hrjoy-list ul li.last .more p{
        line-height: 145px;
       
        font-size: 12px;
    }
    .hrjoy-list ul li .pic{
        width: 58px;
    }
    .hrjoy-list ul li .pic p{
        line-height: 129px;
    }
    .hrjoy-list ul li .text{
        width: 90px;
        margin-top: 46px;
    }
    .public-text ul li{
        width: 300px;
    }
    .public-text ul li .li-pic{
        height: 360px;
    }
/*    .public-text ul li .li-info .item .info{
        width: 110px;
    }*/
    .profile-text .pic img{
        width: 100%;
    }
    .profile-text ul li{
       margin-right: 70px;
       margin-bottom: 20px;
        
    }
    .income-text .pic img{
        width: 96%;
    }
    .jieshao-text .pic img{
        float: right;
        width: 96%;
    }
    .specialist-list-pic{
        width: 62.5%;
    }
    .specialist-list-text{
        width: 35.5%;
    }
    .specialist-list-text .text{
        margin-top: 0;
    }
    .video-text img{
        width: 100%;
    }
    .project-text ul li{
        width: 231px;
        margin-right: 15px;
        
    }
    .project-text ul li .li-con{
        margin: 10px;
    }
    .project-text ul li .li-con .title h2{
        margin-top: 15px;
        padding-bottom: 15px;
    }
    .object-text ul li .li-con{
        width: 460px;
    }
    .design-list ul li{
        width: 155px;
    }
    .implementation-text .implementation-item .pic img{
        width: 98%;
    }
    .implementation-text .implementation-item .text{
        width: 98%;
    }
    .company-list ul li .com-text{
        width: 265px;
        margin-left: 15px;
    }
    .honor-text ul li .honor-text{
        width: 720px;
    }
    .history #issues{
        width: 660px;
    }
    .index-case-con .index-case-item .case-item-text{
        width: 470px;
    }
    .index-about-list ul li{
        width: 150px;
    }
    .index-about-list ul li .li-con{
        margin: 20px 10px;
    }
    .index-advantage-pic{
        width: 960px;
    }
    .index-advantage-pic .item2{
       left:  -60px;
    }
    .index-advantage-pic .item3{
       left: -60px;
    }

    .index-advantage-pic .item5{
        right: -145px;
    }
    .index-advantage-pic .item4{
        right: -145px;
    }
/*    .index-advantage-pic .pic{
        width: 750px;
    } */
    .index-advantage-pic .pic img{
        width: 100%;
    }    
    
    
    .index-partners-con{
        position: relative;
    }
    .index-partners-con .index-partners-left{
        width: 400px;
        /*position: absolute;*/
        left: 0;
        top:0;
    }
    .index-partners-right{
        width: 560px;
    }
    .index-partners-right ul li{
        width: 140px;
        height: 129px;
    }
    .index-partners-right ul li.blank_pic{
        /*display: none;*/
    }
   
    .index-partners-con .index-partners-left .text li{
        margin-top: 15px;
    }
    .index-partners-con .index-partners-left  .more{
        margin-top: 15px;
    }
    .history #timeline{
        height: 410px;
    }
    .hearder-more{
       
        margin-bottom: 10px;
    }
    .hrjoy-list ul li.last .more p a{
        line-height: 130px;
    }
    .index-solution-change .s-item3:hover .s-item-pic, .index-solution-change .s-item3.active .s-item-pic{
        top: 118px;
    }
    .advan2-text .pic img{
        width: 100%;
    }
    .international-list{
        width: 960px;
        /*height: 420px;*/
    }
    .caseList-list .caseList-ul ul li{
        width: 300px;
    }
    .caseList-list .caseList-ul ul li .pic{
        height: 140px;
    }
    
    
    
    
    
    
    
}

@media screen and (max-width: 960px){
    .golink{
        right: 10px;
    }
    .page-cen {
        width: 96%;
        margin: 0 2%;
    }
    .grid .sub-nav{
        display: none;
    }
    .grid  .sub-nav .list{
        margin: 10px 0;
    }
    
    .grid  .sub-nav .list a{
        margin-left: 30px;
        line-height: 25px;
        color: #999;
    }
    .row-2{
        width: 100%;
        margin-bottom: 30px;
    }
    .profile-text .text{
        width: 100%;
        margin-right: 0;
    }
    .profile-text ul{
        margin-right: 0;
        text-align: center;
    }
    .profile-text ul li{
        float: none;
        margin-right: 4px;
        margin-left: 4px;
        display: inline-block;
    }
    .index-partners-right img.pc{
        display: none;
    }
    .index-partners-right img.phone{
        display: block;
    }
    .sider-pre{
        left: -5px;
    }
    .sider-next{
        right: -5px;
    }
    .footer .footer-item
    {
       width: 100%;
       float: left !important;
       margin: 30px 0;
    }
    .footer-title, .footer-text{
        width: 100%;
    }
    .footer .footer-right{
        border-left: none;
    }
    .copyright{
        margin-top: 30px;
    }
    .navigation .navigation-left{
        margin-left: 0;
        margin-bottom: 5px;
    }
    .navigation .navigation-right{
        margin-top: 5px;
        margin-right: 0;
        text-align: right;
    }
    .navigation .navigation-item{
        width: 100%;
    }
    .navigation .navigation-item a:nth-child(1){
        margin: 0;
        margin-right: 15px;
    }
    .navigation .navigation-item a{
        line-height: 30px;
    }
    .project-text ul{
        margin-right: 0;
    }
    .project-text ul li{
        width: 100%;
        margin-right: 0;
        height: 320px;
        margin-bottom: 30px;
        
    }
    .project-text ul li .li-con{
        margin: 30px 20px;
    }
    .object-text ul li .li-con
    {
        width: 96%;
    }
    .design-pic img{
        width: 100%;
    }
    .implementation-text .implementation-item{
        width: 100%;
    }
    .summarize-list .summarize-list-item{
        width: 100%;
        margin-bottom: 50px;
    }
    .company-text .company-item{
        width: 100%;
    }
    .company-list ul li{
        width: 100%;
    }
 
    .company-list ul li .com-pic-con{
        width: 30%;
    }
       .company-list ul li .com-text-con{
        width:  70%;
    }
    .company-list ul li .com-text{
       margin: 0 auto;
    }
    .company-list ul li .com-text{
        width: 96%;
        margin-left: 4%;
    }
    .honor-text ul li .honor-pic{
        width: 30%;
    }
    .honor-text ul li .honor-text{
        width: 70%;
    }
    .international-list{
        width: 620px;
        margin: 0 auto;
        height: 500px;
    }
    .international-list .international-item{
        width: 100%;
        margin-right: 0;
        /*margin-bottom: 10px;*/
    }
    .international-list .international-pic{
        margin-top: 20px;
        width: 100%;
    }
    .international-list .international-pic img{
        float: right;
    }
    .hrjoy-info .text{
        width: 100%;
    }
    .hrjoy-info .pic{
        width: 100%;
        text-align: center;
    }
    .hrjoy-info .pic img{
        display: inline-block;
    }
    .hrjoy-list ul{
        margin-right: 0;
        text-align: center;
    }
    .hrjoy-list ul li{
        float: none;
        margin-right: 3px;
        margin-left: 3px;
        display: inline-block;
        
    }
    .hrjoy-list ul li .text{
        text-align: left;
    }
    .public-text ul{
        margin-right: 0;
    }
    .public-text ul li{
        width: 100%;
        margin-right: 0;
    }
    .public-text ul li .li-pic{
        height: auto;
    }
/*    .public-text ul li .li-info .item .info{
        margin-top: 5px;
    }*/
    .vision-text ul{
        margin-right: 0;
    }
    .vision-text ul li{
        width: 31.33%;
        margin-right: 2%;
        
    }
    .vision-text ul li .li-con{
        width: 100%;
    }
    .scan-text ul li{
        margin-bottom: 30px;
    }
    .history #issues{
        width: 320px;
    }
    .banner-tag{
        width: 620px;
        left: 50%;
        margin-left: -310px;
    }
    .banner-tag .page-cen{
        width: 100%;
        padding: 0;
    }
    .index-solution-left{
        width: 100%;    
    }
    .index-solution-right{
        display: none;
    }
    .index-case-con .index-case-item{
        width: 100%;
    }
    .index-case-con .index-case-item .case-item-text{
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
    }
    .index-about-con .about-log img{
        width: 100%;
    }
    .index-advantage-pic{
        width: 100%;
        height: auto;
        padding-top: 0;
    }
    .index-advantage-pic .item{
        width: 100%;
        position: relative;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin-left: 0;
    }
  .index-advantage-pic  .text{
      width: 100% !important;
      margin-left: 0 !important;
      text-align: left !important;
      margin-top: 30px !important;
  }
  .index-advantage-pic .item1 .text h2,.index-advantage-pic .item1 .text p{
      text-align: left;
  }
.index-advantage-pic .pic{
    width: 100%;
    height: auto;
}
.index-advantage-con .ad_text{
    margin: 60px 0;
}

   
    .index-partners-con .index-partners-left{
        position: relative;
        width: 100%;
    }
    .index-partners-con .index-partners-left .text{
        margin: 30px 0;
    }
    .index-partners-right{
        float: left;
        width: 100%;
    }
    .index-partners-con{
        background: url(../images/part_text_bg2.png) top center repeat-x;
        margin-top:  30px;
    }
/*    .index-partners-con .index-partners-left .text li{
        width: 50%;
        float: left;
    }*/
    .index-partners-con .index-partners-left  .more{
        margin-top: 30px;
        margin-left:3%;
    }
    .index-partners{
        background: url(../images/index_062.jpg) top center no-repeat;
        padding: 100px 0;
    }
    .index-partners-right ul{
        text-align: center;
    }
    .index-partners-right ul li{
        float: none;
        display: inline-block;
    }
    
    
    
    
    .block-title h2{
        margin-left: 0;
        line-height: 35px;
    }
    .block-title p{
        padding-left: 50px;
    }
    
    .newsBox .news .newsinner .itemnew{
        width: 100% !important;
        box-sizing: border-box;
    }
    .introduced-title h2{

    background: url(../images/blockh2.png) left 12px no-repeat;
}
    .introduced-title h2 span{
        display: block;
        margin-left: 0;
        margin-top: 30px;
        /*font-size: 30px;*/
    }
    .history #issues li.selected .is_pic{
        margin-top: 40%;
    }
    .phone-solution-text{
        display: block;
    }
    .pc-index-solution-text{
        display: none;
    }
    .phone-solution-text{
        width: 100% !important;
        
    } 
    .phone-solution-text .solution-slider{
/*        width: 600px !important;*/
        overflow: hidden;
    }
    .solution-slider .solution-item{
        position: relative;
/*        width: 600px !important;*/
        height: 642px;
        float: left;
        display: block;
        opacity: 1;
    }
    .jieshao-text .pic{
        width: 100%;
    }
    .jieshao-text .pic img{
       width: 100%;
    }
    .advan1-text  .advan1-item1{
        width: 100%;
    }
    .advan1-text  .advan1-item2{
        width: 100%;
    }
    .advan2-text .text{
        width: 100%;
    }
    .team-text .pic img{
        width: 100%;
    }
    .team-text .text{
        width: 100%;
    }
    
    .block-advan2{
        background: url(../images/product_bg2.jpg) top center no-repeat;
    }
    .block-team{
        background: url(../images/product_bg2.jpg) top center no-repeat;
    }
    .banner-tag p{
        font-size: 20px;
    }
    .banner-tag h2{
        font-size: 26px;
        margin-top: 10px;
    }
    .caseList-list .caseList-ul ul{
        margin-right: 0;
    }
    .caseList-list .caseList-ul ul li{
        width: 100%;
        margin-right: 0;
    }
    .caseList-list .caseList-ul ul li .pic{
        height: auto;
    }
    .caseList-list .caseList-ul ul li a{
        width: 100%;
    }
    .index-advantage-pic .pic img{
        width: 60%;
        margin-left: 20%;
    }
}


@media screen and (max-width: 640px){
    .index-case-con .index-case-item .case-item-text .text{
        margin: 40px 0;
    }
    .index-case-con .index-case-item .case-item-text{
        min-height: 260px;
    }
    .index-about-con .about_text{
        text-align: left;
    }
    
    .solution-slider .solution-item{
        position: static;
        float: left;
    }
  
}